<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<%@include file="../../commons/meta.jsp"%>
<c:set var="baseUrl" value="${ctx}api/art-recruit/" scope="request" />
<link rel="stylesheet" href="${ctx}assets/plugins/pure/pure-min.css"
	media="all" />
<script type="text/javascript"
	src="${ctx}assets/plugins/plupload/2.2.1/js/plupload.full.min.js"></script>
<script type="text/javascript"
	src="${ctx}assets/plugins/plupload/2.2.1/js/i18n/zh_CN.js"></script>
<script type="text/javascript"
	src="${ctx}assets/assetadmin/js/common.js"></script>
<style>
#previewBox {
	padding: 0 0px;
	color: #fff;
}

#previewBox .title {
	margin: 15px 0 0 0;
	padding: 0 15px;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}

#previewBox .time {
	margin: 5px 0 10px 0;
	padding: 0;
	color: #999;
	font-size: 12px;
	text-align: center;
}

table.MsoNormalTable {
	width: 100%;
}

#detailBox video {
	max-width: 100% !important;
	display: block !important;
}
</style>

</head>

<body class="previewBox">
	<div id="previewBox" class="previewBox">
		<h4 class="title" class="previewBox .title">${obj.title}</h4>
		<p class="time" id="createTime" class="previewBox .time"></p>
		<div id="detailBox"
			style="height: match_parent; margin-left: auto; margin-right: auto; width: 80%; padding: 20px; color: #333; background: #fff;">${obj.content}</div>
	</div>
	<script>
 function initData(){
	 document.title = '${obj.title}';
	 document.getElementById("createTime").append(getTimeYMDHMSStr(${obj.createTime}));
 }
 window.onload = initData();
</script>
</body>
</html>